{% include '/templates/cs_header.html' %}
<link rel="stylesheet" type="text/css" href="/static/css/forms.css" />
<link rel="stylesheet" href="https://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="https://code.jquery.com/jquery-1.9.1.js">
	
</script>
<script src="https://code.jquery.com/ui/1.10.3/jquery-ui.js">
	
</script>

<style>
.results1 {
	float: left;
	width: 95%;
	margin: 30px;
}

td,th {
	text-align: center;
}
</style>
<!-- Content -->
<div id="content1" class="flex">
  <h3>어뷰저 관리</h3>
  <div>
    <div class="module" id="changelist" style="border: 0;">
      <form id="list-form" action="" method="post">
        <div class="results1" id="ios">
          <table class="result_list">
            <thead>
              <tr>
                <th class="sortable" scope="col">
                  <div class="text">아이디</div>
                </th>
                <th class="sortable" scope="col">
                  <div class="text">플랫폼</div>
                </th>
                <th class="sortable" scope="col">
                  <div class="text">합계</div>
                </th>
                <th class="sortable" scope="col">
                  <div class="text">네트워크</div>
                </th>
                <th class="sortable" scope="col">
                  <div class="text">메모리</div>
                </th>
                <th class="sortable" scope="col">
                  <div class="text">바이너리</div>
                </th>
                <th class="sortable" scope="col">
                  <div class="text">장치</div>
                </th>
                <th class="sortable" scope="col">
                  <div class="text">결제</div>
                </th>
                <th class="sortable" scope="col">
                  <div class="text">결제 실패</div>
                </th>
              </tr>
            </thead>
            <tbody>
              {% for abuser in abusers %}
              <tr class="row1">
                <td>{{abuser.id}}</td>
                <td>{{abuser.platform}}</td>
                <td>{{abuser.total}}</td>
                <td>{{abuser.network}}</td>
                <td>{{abuser.memory}}</td>
                <td>{{abuser.binary}}</td>
                <td>{{abuser.device}}</td>
                <td>{{abuser.iap}}</td>
                <td>{{abuser.iapFail}}</td>
              </tr>
              {% endfor %}
            </tbody>
          </table>
          <br />
        </div>
      </form>
    </div>
    <br />
    <div class="module1" id="changelist">
      <form enctype="multipart/form-data" onsubmit="return(validateForm());" action="/cs/abusers/" method="post" name="adding_form">
        <div class="results1">
          <h3>[접속 제한 사용자]</h3>
          <table class="result_list">
            <thead>
              <tr>
                <th class="sortable" scope="col">
                  <div class="text">아이디</div>
                </th>
                <th class="sortable" scope="col">
                  <div class="text">메시지</div>
                </th>
                <th class="sortable" scope="col">
                  <div class="text">제한 만료일</div>
                </th>
                <th class="sortable" scope="col">
                  <div class="text">제한 시작일</div>
                </th>
              </tr>
            </thead>
            <tbody>
              {% for r in restricts %}
              <tr class="row1">
                <th><a href="/cs/abusers/{{r.id}}">{{r.id}}</th>
                <td>{{r.message}}</td>
                <td>{{r.expiredAt}}</td>
                <td>{{r.createdAt}}</td>
              </tr>
              {% endfor %}
            </tbody>
          </table>
          <br />
        </div>
        <br />
        <div id="new-restrict" style="border: 0;">
          <fieldset class="module aligned " style="margin-left: 30px; margin-right: 30px; width: 95%;">
            <div>
              <h3>[접속 제한 추가]</h3>
              <div class="form-row field-user-id" style="margin-left: 30px; margin-right: 30px;">
                <label for="id_user_id">ID:</label> <input id="id_user_id" type="number" value="{{restrict.id}}" name="user_id" maxlength="19" />
              </div>
              <div class="form-row field-message" style="margin-left: 30px; margin-right: 30px;">
                <label for="id_message" class="required">Message:</label>
                <div class="text">
                  <textarea rows="2" cols="50" name="message" maxlength="48" size="200">{{restrict.message}}</textarea>
                </div>

              </div>
              <div class="form-row field-expired_date" style="margin-left: 30px; margin-right: 30px;">
                <label for="expired_date_0">제한 만료일:</label>
                <p class="datetime">
                  Date(0000-00-00): <input name="expired_date_at" value="{{restrict.expired_date_at}}" class="vDateField" type="text" id="id_expired_date_0" size="10" /> <br /> Time(00:00:00): <input name="expired_time_at" value="{{restrict.expired_time_at}}" class="vTimeField" type="text" id="id_expireed_date_1" size="8" />
                </p>

              </div>
              <div class="submit-row">
                <input type="submit" value="Save" class="default" name="_save" style="cursor: pointer;" />
              </div>
            </div>
          </fieldset>
        </div>
      </form>
    </div>
    <!-- END Content -->
  </div>
</div>
<!-- END Container -->
{% include '/templates/cs_footer.html' %}
